<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Framework CSS -->
        <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
        <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
        <link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection">
        <!-- Framework CSS -->
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'/>
        <!-- jQuery UI-->
        <!-- CSS-->
        <link type="text/css" href="css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
        <!-- JS-->
        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
        <script type="text/javascript" src="js/JavaSchool.js"></script>
        <!-- JS-->
        <style type="text/css">
            .menu_list {
                width: 180px; /*Ancho*/
            }
            .menu_head {
                padding: 5px 10px;
                color:#FFFFFF; /* Color de las pestañas principales */
                cursor: pointer;
                position: relative;
                margin:1px;
                margin-left:0;
                margin-right:0;
                font-weight:bold;
                background-color: #23DBBC; /* Color de fondo */
                background-image: url(https://lh5.googleusercontent.com/-mQHPLQrjxcI/TlQJSHgEsZI/AAAAAAAABno/HbkoM9nbaWQ/flecha-abajo.png);
                background-position:center right;
                background-repeat:no-repeat;
            }
            .menu_body {
                display:none;
            }
            .menu_body a{
                display:block;
                color:#000000; /* Color de los enlaces */
                background-color:#D9DBDA; /* Color de fondo de los enlaces */
                padding-left:10px;
                font-weight:bold;
                text-decoration:none;
            }
            .menu_body a:hover{
                color: #000000; /* Color de los enlaces al pasar el cursor */
                text-decoration:underline;
            }
        </style>
        <link rel="stylesheet" href="css/estilos.css" type="text/css">
        <title>.:: Menu Principal ::.</title>
    </head>
    <body>
        <div class="container showgrid">
            <div class="span-24 last" style="background-color:#FFFFFF;height:50px"></div>
            <div class="span-24 last" style="background-color:#D9DBDA;height: 10px;"></div>
            <div class="span-24 last" style="background-color:#23DBBC;height: 30px;">
                <hr style="background-color: #D9DBDA">
                <div class="prepend-1 span-7"><font color="white"><b>Fecha: </b>${sessionScope.fechahoy}</font></div>
                <div class="prepend-7 span-6 append-1"><font color="white"><b>Bienvenid@: </b>${sessionScope.usuario}</font></div>
                <div class="span-2 last"><a href="srv_salir"><b>Salir</b></a></div>
            </div>
            <div class="span-24 last" style="background-color: #D9DBDA;height: 10px;"></div>
            <!-- Contenedor grande griss-->
            <div class="span-24 last" style="background-color: #D9DBDA;height:400px;">
                <!-- Subcontenedor izquierdo -->
                <div class="span-7" style="background-color: #FFFFFF;height:400px;">
                    <br/><br/>
                    <div class="menu_list" id="secondpane">
                        <p class="menu_head">Docentes</p>
                        <div class="menu_body">
                            <a href="javascript:GetPage('agregarDocente.jsp','dvprincipal');">Agregar</a>
                            <a href="javascript:GetPage('srv_listarDocente','dvprincipal');">Listar</a>
                        </div>
                        <p class="menu_head">Alumnos</p>
                        <div class="menu_body">
                            <a href="javascript:GetPage('agregarAlumno.jsp','dvprincipal');">Agregar</a>
                            <a href="javascript:GetPage('srv_listarAlumno','dvprincipal');">Listar</a>
                        </div>
                        <p class="menu_head">Cursos</p>
                        <div class="menu_body">
                            <a href="javascript:GetPage('srv_comboDocente','dvprincipal');">Agregar</a>
                            <a href="javascript:GetPage('srv_listarCurso','dvprincipal');">Listar</a>
                        </div>
                        <p class="menu_head">Matricula</p>
                        <div class="menu_body">
                            <a href="javascript:GetPage('srv_comboAlumnoCurso','dvprincipal');">Matricular Alumno</a>
                            <a href="javascript:GetPageEsp('srv_comboCurso','dvprincipal','registrarNotas.jsp');">Registrar Notas</a>
                        </div>
                        <p class="menu_head">Consultas</p>
                        <div class="menu_body">
                            <a href="javascript:GetPageEsp('srv_comboCurso','dvprincipal','consultaNotas.jsp');">Notas x Curso</a>
                            <a href="javascript:GetPageEsp('srv_comboCurso','dvprincipal','estadisticaNotas.jsp');">Estadistica x Curso</a>
                        </div>
                    </div>
                </div>
                <!-- Subcontenedor derecho -->
                <div id="dvprincipal" name="dvprincipal" class="span-16 append-1 last" style="background-color: #FFFFFF;height: 400px;">
                    <center>
                        <br/><br/><br/>
                        <embed src="imagenes/menu_empleado.swf" width="350" height="300"/>
                    </center>
                </div>
            </div>
            <!--Contenedores inferiores-->
            <div class="span-24 last" style="background-color: #D9DBDA;height: 10px;"></div>
            <div class="span-24 last" style="background-color: #23DBBC;height: 30px;">
                <hr style="background-color: #D9DBDA">
                <div align="center">
                    <font color="white">&copy; Copyright JavaSchool - 2012, Sistema Desarrollado por Team DF</font>
                </div>
            </div>
            <div class="span-24 last" style="background-color:#D9DBDA;height:10px;"></div>
            <div class="span-24 last" style="background-color:#FFFFFF;height:50px"></div>
        </div>
    </body>
</html>
